.x-menu-item-focus
	background-color: #677bc4

.x-menu-item
	background: $blurple
	border-style: none
	border-width: 0

.x-menu-default
	background: $blurple
	border: 1px solid $darker

.x-menu-item-text
	color: #fff

.x-menu-header
	//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
	border-radius: 1px
	background: $darker
	border-width: 0

.x-menu-item-icon-default.x-menu-item-icon.fa
	&.fa-fw
		&.fa-building
			color: #fff
		
		&.fa-folder
			color: #fff

		&.fa-send-o
			color: #fff

		&.fa-clone
			color: #fff

		&.fa-file-o
			color: #fff

		&.fa-play
			color: $green

		&.fa-stop
			color: #d23d3f

		&.fa-power-off
			color: #d23d3f

		&.fa-pause
			color: $yellow


	&.fa-heartbeat
		color: #fff

	&.fa-trash-o
		color: #fff

	&.fa-desktop
		color: #fff

	&.fa-cube
		color: #fff

	&.fa-terminal
		color: #fff

	&.fa-stop
		color: #d23d3f


.x-menu-item-default.x-menu-item-separator
	height: 0
	border-top-width: 0
	margin: 0
	padding: 0

// 🙃
div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"], div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"]
    background: $dark

div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"], div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[class*="x-menu-item-focus"]
    background: $darker

div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[aria-disabled="true"], div[aria-labelledby^="nodeCmdMenu-"][aria-labelledby$="_header-title-textEl"] > div:nth-child(2) > div:nth-child(2) > div > div[class*="x-menu-item"] > a[aria-disabled="true"]
    opacity: 0.5
    background: $darker

div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div:nth-child(2)>div:nth-child(3)>div:nth-child(1)>div[class*=x-menu-item]
	background: inherit

div[aria-labelledby^="ext-comp-"][aria-labelledby$="_header-title-textEl"]>div:nth-child(2)>div:nth-child(3)>div:nth-child(1)>div[class*=x-menu-item]>a[class*=x-menu-item-focus]
	background: $darker